<%--
  Copyright &copy; Well All rights reserved.
  User: Well
  Date:2018-04-11
  Description:easyui的form控件
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

表单：
<form id="form">
  用户名称：<input name="username" class="easyui-textbox" data-options="required:true" />
  用户密码：<input name="password" class="easyui-passwordbox" data-options="required:true" />
  用户性别：<input name="gender" class="easyui-genderbox" data-options="required:true" />
  用户类型：<input name="type" class="easyui-combobox" data-options="required:true,data:[{value:1,text:'管理员'},{value:2,text:'普通'}]" />
</form>

<a class="easyui-linkbutton" onclick="serializeJSON();">表单JSON</a>

<a class="easyui-linkbutton" onclick="formPost();">表单post</a>

<script type="text/javascript">

  function serializeJSON(){
    var json=$("#form").serializeJSON(); // jquery 获取表单 json
    console.log(json);

    json=$("#form").form("serializeJSON"); // easyui 获取表单 json，只有当表单通过验证之后，才能回去 json 数据
    console.log(json);

  }

  function formPost(){
    $("#form").form("post",{
      url:"${ctx}/demo/easyui/post",
      success:function(data){
        $.messager.alert(data);
      }
    });
  }

</script>
